@charset "UTF-8";

body{margin: 0; padding: 0; background: #333;}

h1{font-family: Helvetica, Arial, sans-serif; font-size: 18pt; font-weight: bold; text-align: left; margin: 0;}

.center{width: 950px; margin-left: auto; margin-right: auto; font-family: Helvetica, Arial, sans-serif; margin-top: 0; position: relative;}
#header{padding-top: 8px; padding-bottom: 4px; width: 100%; margin: 0; border: 0; background: #FFF;}
#footer{padding: 6px; text-align: center; font-family: Helvetica, Arial, sans-serif; color: #FFF;}
#content{background: #FFF; margin: 0; padding-top: 8px; padding-bottom: 5px;}
#bar{width: 100%; text-align:center; color:#FFF; border-top: 1px solid #000; border-bottom: 1px solid #000; background-image: url(../images/bar.png); }
#footer_content{padding-top: 6px; padding-bottom: 6px; color: #FFF; text-align: center;}
#bar_center{height: 50px; font-family: HelveticaNeue, Helvetica, Arial, sans-serif; color: #FFF; font-size: 18pt; text-align: left;}
#bar_heading{height: 30px; float: left; padding-top: 10px; padding-bottom: 10px; padding-left: 18px; padding-right: 18px; background: rgba(0, 0, 0, 0.9);}
#nav_bar{width: 472px; float: right; margin-top: 22px; font-family: HelveticaNeue, Helvetica Arial, sans-serif; font-size: 14pt; font-weight: 400;}
#error{border: 3px solid #F00; background: #F08080; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px;}
#success{border: 3px solid #093; background: #0C3; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px;}
#left_col{float: left; width: 630px; padding: 10px;}
#right_col{float: right; width: 249px; padding: 10px; border-left: 1px solid #CCC;}
#take_quizzes_left{float: left; width: 310px;}
#take_quizzes_right{float: right; width: 310px;}
.form_label{width: 140px; float: left;}
.form_field{width: 780px; float: right;}
.bar_option{margin-left: 22px; margin-right: 22px; display: inline;}
.section_title{font-size: 16pt; font-weight: bold;}
.section_title_small{font-size: 13pt; font-weight: bold;}
.bottom_border{border-bottom: 1px solid #CCC;}
.dark_bottom_border{border-bottom: 1px solid #000; padding-bottom: 6px; margin-bottom: 4px;}
.correct_answer{color: #666;}
.profile{padding-bottom: 10px; padding-top: 10px;}
.question_expanded{padding-top: 8px; padding-bottom: 8px;}
.answer{padding-top: 8px; padding-bottom: 8px;}
.green{color: #0C3;}
.red{color: #F00;}
.clear{clear: both;}
.description{color: #666;}
.padding{margin-bottom: 10px;}
.invisible_split_left{float: left; width: 445px;}
.invisible_split_right{float: right; width: 445px;}
.split_left{float: left; width: 454px; border-right: 1px solid #CCC; padding: 10px; padding-top: 5px;}
.split_right{float: right; width: 455px; padding: 10px; padding-bottom: 5px;}

#home{background-image: url(../images/home.jpg); height: 520px; background-repeat: no-repeat; border-top: 1px solid #000; border-bottom: 1px solid #000; background-attachment: fixed;}
#login_box{margin-top: 20px; background: #000; padding: 15px; color: #FFF;}
#login_box h1{color: #FFF;}
#login_column{width: 300px; float: right; padding-top: 30px;}
#announcements{background: #E0FFFF; border: 1px solid #DCDCDC; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding-top: 6px; padding-bottom: 6px; padding-left: 10px; padding-right: 10px;}

#nav_bar a{color: #000; text-decoration: none;}
#nav_bar a:visited{color: #000; text-decoration: none;}
#nav_bar a:hover{color: #F00; text-decoration: none;}

img{border: 0;}
img a{border: 0;}

a:link{text-decoration: none; color: blue;}
a:hover{text-decoration: underline; color: blue;}
a:visited{color: blue; text-decoration: none;}

input.response{border: 1px solid #000; width: 150px;}

input#name{border: 0;}
.btn {display: inline-block; padding: 3px  10px; background: #3194c6; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 0;color: #FFF; font-size: 12pt; margin-top: 1px;}
.btn a{color: #FFF;}
.btn a:visited{color: #FFF;}
.btn a:hover{color: #FFF; text-decoration: none;}

img#quizzard{width: 200px; float: left;}
img.question_image{max-width: 800px; max-height: 600px; border: 4px solid #BBB;}
img.result_image{max-width: 300px; max-height: 300px; border: 4px solid #BBB;}
